#code resources

[luclfrog]

I think EVERYONE should have their own website again !!!

neocities guide - why you should build your own html website

do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again? try neocities!!

what is neocities?

neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words: "we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."

why should I make my own website?

web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!! building a personal site is a great way to express yourself and take control of your online experience.

what would I even put on a website?

the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !! here are some cool example sites to inspire you: recently updated neocities sites | it can be fun to just look through these and browse people's content! space bar | local interstellar dive bar creature feature | halloween & monsters big gulp supreme peanutbuttaz | personal site dragodiluna linwood | personal site patho grove | personal site

getting started: neocities/html guide

sound interesting? here are some guides to help you get started, especially if you aren't familiar with html/css sadgrl.online webmastery | a fantastic resource for getting started with html & web revival. also has a layout builder that you can use to start with in case starting from scratch is too intimidating web design in 4 minutes | good for learning coding basics w3schools | html tutorials templaterr | demo & html for basic web elements eggramen test pages | css page templates to get started with sadgrl background tiles | bg tiles rivendell background tiles | more free bg tiles

fun stuff to add to your site

want your site to be cool? here's some fun stuff that i've found blinkies-cafe | fantastic blinkie maker! (run by @transbro & @graphics-cafe) gificities | internet archive of 90s/00s web gifs internet bumper stickers | web bumper stickers momg | gif gallery 99 gif shop | 3d gifs 123 guestbook | add a guestbook for people to leave messages cbox | add a live chat box moon phases | track the phases of the moon gifypet | a little clickable page pet adopt a shroom | mushroom page pet tamaNOTchi | virtual pet crossword puzzle | daily crossword imood | track your mood neko | cute cat that chases your mouse pollcode | custom poll maker website hit counter | track how many visitors you have

web revival manifestos & communities

also, there's actually a pretty cool community of people out there who want to bring joy back to the web! melonland project | web project/community celebrating individual & joyful online experiences. Also has an online forum melonland intro to web revival | what is web revival? melonking manifesto | status cafe | share your current status nightfall city | online community onio.cafe | leave a message and enjoy the ambiance sadgrl internet manifesto | yesterweb internet manifesto | sadly defunct, still a great resource reclaiming online social spaces | great manifesto on cultivating your online experience

in conclusion

i want everyone to make a neocities site because it's fun af and i love seeing everyone's weird personal sites that they made outside of the control of capitalism :) say hi to me on neocities

[suturical]

Metadata borders I've edited/made recently. Creds not needed but are appreciated! Cred if they are added to resources though

F2u borders & frames — ♡/rb appreciated

[engravedlives]

misc coding stamps graphics

[phantomcodes]

poppy | theme by sage

get the code: static preview v1 / preview v2 header theme with a sticky headerbar

features (more info below the cut):

toggle: tags on click, updates tab, explore menu

responsive headerbox includes an uploadable image, custom title & description, and up to 5 info stats

sticky headerbar includes home/ask/archive & up to 3 extra links, updates, explore button or search bar, and day/night button

updates tab includes up to 5 updates with an icon & text

explore menu includes about text, up to 3 skills, up to 4 blogs, and up to 8 extra links, and a search bar

customizable: title, colors, body & title fonts, and font size

npf supported, responsive design, 3 post width options, 4 corner options, scroll to top, tabler icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

all terms / faq

credits listed in the code / credits page

please consider tipping or supporting me ♡

blog name !! important

make sure you fill out the blog name field, this is what will show on the top of all your original posts. to clarify: your blog name is your blog’s url - for example: phantomcodes

custom title

similar to the blog name, your custom title will show on the header, i recommend not making this too long

headerbox

uploadable image - this will default to your icon if nothing is uploaded

up to 5 info stats each with an icon & text - if you don't want the info stats leave the info 1 field blank

updates tab

the updates tab is toggleable, it has up to 5 updates each with an icon & text

explore menu

the explore menu is toggleable and has:

about text: this is can be as long as you want! it will scroll

(optional) skills section: up to 3 - you can use this for statuses, projects, progress, etc. leave the explore skill 1 field blank if you don’t want this section

(optional) blogs section: up to 4 blogs - leave the explore blog 1 field blank if you don’t want this section

(optional) links section: up to 8 links - leave the explore link 1 field blank if you don’t want this section

reminders

remember tumblr’s customize panel is buggy, make sure to toggle all the options on/off before saving

i’m still on a sort of semi-hiatus, i’ll be around for questions but please check my faq, answered asks, etc. before asking - i will not answer repeat questions!

[splinterclan]

It makes complete and total sense narratively but it's so sad to see Bess leaving fr 😭

In clangen, does this mean you exiled her? Or is there a new way to have a cat leave a clan?

Yeah I really waffled about this choice when everyone was enjoying her being in the clan, but I can't change my story/script now it's been in stone way too long - it'd stress me out way too much to change things jsjs

I just went into the code and changed outside status to true! You can do a whole lot in clangen if you figure out how to mess with the code hah

[ethereabun]

could I please have any of the gifs u use often in your edits? tysm!!

➳⠀　　　transparent gif dump

[manonamora-if]

The 100% Good Twine SugarCube Guide!

The 100% Good Twine SugarCube Guide is a coding guide for the SugarCube format of Twine. It is meant as an alternative to the SugarCube documentation, with further explanations, interactive examples, and organised by difficulty. The goal of this guide is to make the learning curve for new SugarCube user less steep, and provide a comprehensive and wide look over the format.

VIEW / DOWNLOAD THE GUIDE!!!!

The Guide is compartmentalised in (currently) four categories:

THE BASICS or the absolute basics to start with SugarCube. No need for extra knowledge. Just the base needed to make something.

THE BASICS + adding interactivity, and creating a fully rounded IF game May require a bit of CSS knowledge (formatting rules)

INTERMEDIATE MODE adding more customisation and complex code Will probably require some CSS knowledge, and maybe some JavaScript

ADVANCE USE the most complex macros and APIs Will surely require some JavaScript/jQuery knowledge

Note: The Advanced Use includes all the APIs, macros, and methods not covered by the previous categories. This includes code requiring very advance knowledge of JavaScript/jQuery to be used properly.

Each category explains many aspects of the format, tailored to a specific level of the user. More simpler explanations and examples are available in earlier chapters, compared to the later ones.

If something is unclear, you found a mistake, you would like more examples in the guide, or would like a feature covered, let me know!

The Guide currently covers all macros (as of SugarCube v.2.37.3), all functions and methods, and APIs. It touches upon the use of HTML, CSS, JavaScript and jQuery, when relevant. It also discusses aspects of accessibility.

The Guides also provides a list of further resources, for the different coding languages.

The Guide is available in a downloadable form for offline view:

HTML file that can be opened in Twine

.tw file that can be opened in Twine

source code, separating the chapters, .js and .css files

GITHUB REPO | RAISE AN ISSUE | TWINE RESOURCES TWEEGO | TEMPLATES | CSCRIPT 2 SG GUIDE

Twine® is an “an open-source tool for telling interactive, non-linear stories” originally created by Chris Klimas maintained in several different repositories (Twinery.org). Twine is also a registered trademark of the Interactive Fiction Technology Foundation.

SugarCube is a free (gratis and libre) coding format for Twine/Twee created and maintained by TME.

VIEW / DOWNLOAD THE GUIDE!!!!

As of this release (v2.0.0), it is up to date with the version 2.37.3. If you are looking for the guide covering SugarCube 2.36.1, you can find it on my GitHub.

Note: the Guide is now complete. There won't be further substantial updates.

[literaryvein-reblogs]

How to Dress your Character

A Guide to Dress Codes

When attending an event, it's essential to understand the dress code—and know when to bend the rules.

White tie: White tie is a formal dress code typically reserved for galas and state dinners. For men, swap your black tie dinner jacket for a single-breasted tailcoat and a wing-collar white shirt with mother of pearl shirt studs. You'll also need a white bowtie and a white vest. If you want to go ultra-traditional, you can lace up your black patent leather shoes with black ribbon. For women, it's time to break out the floor-length ball gown and long gloves.

Black tie: Black tie is a formal dress code common for formal evening events. Traditional black tie for men entails a single- or double-breasted dinner jacket and matching trousers worn with a pleated white dress shirt with a turndown-collar. It's generally fine to veer slightly from the black tuxedo: More creative black tie options include midnight blue tuxedos and white dinner jackets. Finish the look with cufflinks, a black bow tie, a white pocket square, black patent leather shoes, and black dress socks. Cummerbunds (waist coverings) and vests are optional—just don't wear them together. The black tie dress code for women is a little more flexible: You'll want a knee-length to floor-length evening dress. Accessorize with heels or flat dress shoes, a clutch, and minimal jewelry.

Black tie optional: When an invitation says "black tie optional," the expectation is that you'll either wear black-tie attire or something similar but a little more relaxed—like a dark suit or elegant cocktail dress.

Cocktail attire: Cocktail attire, also known as semi-formal attire, is the style of clothing you'll wear to evening events like fundraisers and weddings. Cocktail dress code involves casual suits and dress shirts for men. Stick to wool suits in dark colors in winter; for summertime and outdoor cocktail events, you can wear a light-colored suit in a breathable material like seersucker or linen. Oxfords, loafers, and brogues are acceptable footwear choices. A cocktail dress is fancier than a sundress but more casual than an evening gown. When in doubt, go for the classic little black dress. Not wearing a dress? Go for a dark suit or dressy separates.

Business casual: Business casual doesn’t necessarily mean casual—what it actually means is that you don’t have to wear a suit and tie. Business casual workwear usually includes a collared shirt (button-up or polo shirt) or sweater on top, and dress pants, khakis, chinos, or a pencil skirt on the bottom. You may also wish to add a blazer or sport coat, but you don’t necessarily need a custom-tailored suit jacket. Shoes should be closed-toe and professional, whether you choose boots, heels, flats, loafers, mules, or oxfords.

Dressy casual: Dressy casual, also known as “smart casual,” is an upgraded version of casualwear, generally more suited to job interviews, client meetings, and casual nighttime events. For a dressy casual dress code, break out trendier pieces, like jumpsuits, blazers, and high-end footwear. Instead of T-shirts, opt for button-downs and blouses.

Casual: Casual attire is the least restrictive dress code, but this doesn’t mean you should dress quite as casually as you would at home. Jeans and T-shirts in solid colors are okay, but stay away from graphic tees, flip-flops, and anything ripped or stained. Depending on the season, you may want to wear full-coverage shorts or a casual sundress. Casual dress codes are typical for low-key and outdoor events.

Source ⚜ More: Notes & References ⚜ Writing Resources PDFs

[izicodes]

I made a beginner coding resource! 👩🏾‍💻💗

Hiya! 👩🏾‍💻💗

I made a coding infographic/slideshow for anyone getting into coding and are stuck! I'm seeing a lot of new codeblr blogs coming up recently and they're all beginners and I have been getting a lot of asks which basically all ask "I'm new to coding, how do I start?", so I decided to make this at 1am in the morning real quick! 🥲😭

I genuinely hope that this resource proves beneficial to someone out there. And remember, if you find yourself still facing challenges or need assistance with anything else, please don't hesitate to reach out. I'm here to help! ✨

Link to the PDF: LINK

[twinkfrottage]

CASH APP | TIP JAR

[shishka]

🟧 graphic design is shit coding is shit all i want is revenge 🟧 another stamp for my site on neocities. more and in better quality there. u can use it, too -- credit/link back appreciated!

inspired by this meme:

[suturical]

can u do a tut for sizing borders bc im rlly bad at coding in rentry

This is the code that I usually start out with, and it works most of the time without tweaking much. The thing I still tweak the most though is the CONTAINER_BORDER_IMAGE_OUTSET. I usually set it anywhere from 10px to 20px, and sometimes I will set two values to it if I want the outset to be diff for top+bottom and left+right

I prefer a more like bigger(?) Look to how my border are cut, so I do that by making the slice smaller (15% to 20%) or I make the width bigger (25px to 30px)

There are a lot of ways to playe around with the coding though like down below I set slice to 30% which I think I see a lot of people do idk. But to keep the bigger cut look I like I make the width 30px. I like to keep my widths at 20px to 25px though because of how much my outset is. My outset sometimes clips under the edit button when you save the code and view it normally, so I keep the width a bit smaller and use a smaller or equal slice. But there are a lot of ways to play around with this because it depends a lot on your rentry and what border you're using becuase there are out(?) Borders and in(?) Borders. Basically just play around with CONTAINER_BORDER_IMAGE_SLICE + CONTAINER_BORDER_IMAGE_WIDTH You can also have fun with the repeat options (round, repeat, space, and stretch iirc). I'll leave my code and examples below. I hope this helps Anon! I'm not sure if it's comprehensible or if I'm just yapping BS..

Above big slice big width, below big slice small width

Down below are what I call 'In borders' cause they're facing inwards. I usually have the outset on these a little bigger

CONTAINER_MAX_WIDTH = 300px

CONTAINER_BORDER_IMAGE = Your border image

CONTAINER_BORDER_IMAGE_SLICE = 20%

CONTAINER_BORDER_IMAGE_WIDTH = 25px

CONTAINER_BORDER_IMAGE_OUTSET = 10px

CONTAINER_BORDER_IMAGE_REPEAT = round

[morganmnemonic]

Some deltarune facts, and some speculation

Kris has been in a darkworld at least once before the start of the game. We know this because of the save point with their name on it

It probably wasn't the darkworld that the game starts in, because then it wouldn't be the case that Ralsei had never met anyone, ever

There is something about the bunker

the bunker is currently a darkworld

At some point in the past, kris ran away from the bunker, horrified

Kris doesn't want to go near it in the gameworld, either to keep something a secret or out of a genuine emotionally based desire to not be there

The Holiday siblings and the Dreemurr siblings used to explore the woods together

Raise your Bat seems a lot like a December song. Des gets name dropped in the leadup to it, and there are details that sound specific to her

It might just be a song she used to like. She might have written it herself. but there's some sort of connection

The chorus of raise your bat bears lyrical similarities to the ending song of chapter 1

"Don't forget" might also be Des song

Don't forget alludes very specifically to how the darkworld functions

All of this is to say I think Kris and December explored the bunker darkworld together and December didn't come back from it.

[phantomcodes]

laura | theme by sage

get the code: static preview // (temp) preview @tina-snow a sidebar theme with sticky reblog & like buttons

features (more info below the cut):

toggle: tags on click, explore tab, sidebar stats, updates

leftbar includes icon/follow button, home/ask/archive/extra links/updates, scroll to top

right sidebar includes an uploadable image, custom description, search bar, & optional sidebar stats

fixed day/night & tumblr controls buttons

customizable: blog title, description, colors, body & title fonts, and font size

leftbar has up to 4 links & the explore tab with up to 6 extra links

npf supported, responsive design, scroll to top, 4 corner options, tabler icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

all terms / faq

credits listed in the code / credits page

please consider supporting me ♡

blog name !! important

make sure you fill out the blog name field, this is what will show on the top of all your original posts. to clarify: your blog name is your blog’s url - for example: phantomcodes

responsive sidebar

when the browser window gets too small the sidebar will disappear and become toggleable, the sidebar toggle button will appear on the top right side next to the day/night button

reminders

remember tumblr’s customize panel is buggy, you may have to toggle the options on/off before saving

i’m still on a sort of semi-hiatus, i’ll be around for questions but please check my faq, answered asks, etc. before asking - i will not answer repeated questions!

[lupineshieldmaiden]

misc. pngs;;#4⋆. 𐙚 ̊

send requests .ᐟ.ᐟ જ⁀➴ ✉